import "@babel/polyfill";
import React, { Component, Suspense } from 'react';
import ReactDOM from 'react-dom';
import { HashRouter, BrowserRouter } from 'react-router-dom';
import Provider from './context';
import { App } from './components';
// import App from './test/app';

// <Link to={{
//   pathname:"/",
//   search:'?name=chris',
//   hash:'#the-hash',
//   state:{
//     age:14
//   }
// }}
// >to App</Link><br />
// <Link to="/a" >to a</Link><br />
// <Link to="/b" >to b</Link><br />


const test = (match, location) => {
  console.log(match);
  console.log(location)
  return true;
}

ReactDOM.render(
  <BrowserRouter basename='/react' >
    <Provider>
      <App />
    </Provider>
  </BrowserRouter>
  ,
  document.getElementById('root'),
);
